
<template>

  <van-nav-bar title="个人中心" left-text="返回" right-text="退出" left-arrow @click-left="$router.push('/home')"
    @click-right="$router.push('/home')" />
  <van-divider :style="{ border: 'none' }" content-position="left">个人中心</van-divider>
  <div class="arrow">
    <van-cell title="地址管理" @click="$router.push('/address')">
      <template #right-icon> <van-icon name="arrow" /> </template>
    </van-cell>
    <van-cell title="订单中心" @click="$router.push('/goodsOrder')">
      <template #right-icon> <van-icon name="arrow" /> </template>
    </van-cell>

  </div>
</template>

<script lang="ts" setup>

import { ref } from 'vue'
const showShare = ref<boolean>(false);


</script>
 
<style scoped lang="scss">
.arrow{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .van-cell{
    width: 90%;
    display: flex;
    align-items: center;
  }
}

</style>